<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>

  <title>注册小贷账号</title>
</head>
<body>

  <%- include src/pages/common/header.html -%>

  <div class="content registration">
    
    <div class="palette">
      <h2 class="palette__title">注册小贷账号</h2>

      <div class="registration__base">
        <div class="checkbox">
          <label>
            <input type="checkbox" name="source" id="source">本企业来自合作平台
          </label>
        </div>
        <div class="registration__box hide" data-target="source:true">
          <form action="">
            <div class="form-group">
              <label for="platform" class="form__label">合作平台</label>
              <select name="platform" id="platform" class="form-control selectpicker">
                <option value="">eOrder 佳杰在线</option>
                <option value="">伟仕天元</option>
              </select>
            </div>
            <div class="form-group">
              <label for="account" class="form__label">合作平台账号</label>
              <input type="text" name="account" id="account" class="form-control">
            </div>
            <div class="form-group">
              <label for="code" class="form__label">纳税人识别号</label>
              <input type="text" name="code" id="code" class="form-control">
            </div>
            <button type="submit" class="btn btn-primary">验证</button>
          </form>
        </div>

        <form class="form-horizontal base__form--horizontal hide" data-target="source:true">
          <div class="form-group">
            <label class="control-label">公司名称</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control form-control--valid" value="伟仕控股有限公司">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">企业法人</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control form-control--valid" value="XXX">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">公司通讯地址</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control form-control--valid" value="广东深圳市南山区xxxxxxxxx1201室">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">公司联系电话</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control form-control--valid" value="07558888666">
            </div>
          </div>
        </form>

        <form data-target="source:false"
          class="form-horizontal base__form--horizontal base__form--noncooperative"
        >
          <div class="form-group">
            <label class="control-label">公司名称</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">纳税人识别号</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">统一社会信用代码</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">企业法人</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">公司通讯地址</label>
            <div class="overflow-hidden">
              <input type="text" class="form-control">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label">公司联系电话</label>
            <div class="overflow-hidden">
              <input type="tel" class="form-control">
            </div>
          </div>
        </form>
      </div>

      <div class="registration__licence">
        <div class="linehead">
          <h3>上传相关证件</h3>
          <p class="linehead__sub">
            提示：可支持PNG、JPG、JPEG、BMP，图片大小不超过4M，长边不大于4096像素，请保证需要识别的部分为图片主体部分
          </p>
        </div>
        <div class="licence__inner">
          <div class="licence__item">
            <div class="licence__uploader biz">
              <h4 class="licence__name">
                营业执照
                <a href="#exemplar"
                  data-toggle="modal"
                  class="licence__examplar"
                  data-source="<%= require('images/example-biz-licence.png') %>"
                >
                  示例图
                </a>
              </h4>
              <div class="uploader__inner">
                <div class="uploader__dimmer">
                  <label class="btn">上传<input type="file"></label>
                </div>
              </div>
            </div>
            <div class="licence__previewer">
              <div class="previewer__card">
                <dl class="previewer__line">
                  <dt class="line__title">注册号</dt>
                  <dd class="line__content">hk01220101300210210000</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">社会信用代码</dt>
                  <dd class="line__content">hk01220101300210210000</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">单位名称</dt>
                  <dd class="line__content">XXXXX有限公司</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">地址</dt>
                  <dd class="line__content">XXX省XXX市XXX区XXX号</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">法定代表人</dt>
                  <dd class="line__content">黄XX</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">有效期</dt>
                  <dd class="line__content">2080年10月27日</dd>
                </dl>
              </div>
            </div>
          </div>

          <div class="licence__item">
            <div class="licence__uploader frontid">
              <h4 class="licence__name">
                法人身份证（正面）
                <a href="#exemplar"
                  data-toggle="modal"
                  class="licence__examplar"
                  data-source="<%= require('images/example-id-front.png') %>"
                >
                  示例图
                </a>
              </h4>
              <div class="uploader__inner">
                <div class="uploader__dimmer">
                  <label class="btn">上传<input type="file"></label>
                </div>
              </div>
            </div>
            <div class="licence__previewer">
              <div class="previewer__card">
                <dl class="previewer__line">
                  <dt class="line__title">姓名</dt>
                  <dd class="line__content">黄XX</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">性别</dt>
                  <dd class="line__content">男</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">民族</dt>
                  <dd class="line__content">汉</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">出生</dt>
                  <dd class="line__content">1987年09月17日</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">地址</dt>
                  <dd class="line__content">北京市海淀区西北旺东路100号中关村科技园</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">公民身份证号码</dt>
                  <dd class="line__content">111624199211020314</dd>
                </dl>
              </div>
            </div>
          </div>

          <div class="licence__item">
            <div class="licence__uploader uploaded backid">
              <h4 class="licence__name">
                法人身份证（反面）
                <a href="#exemplar"
                  data-toggle="modal"
                  class="licence__examplar"
                  data-source="<%= require('images/example-id-back.png') %>"
                >
                  示例图
                </a>
              </h4>
              <div class="uploader__inner">
                <div class="uploader__dimmer">
                  <label class="btn">上传<input type="file"></label>
                </div>
              </div>
            </div>
            <div class="licence__previewer">
              <div class="previewer__card">
                <dl class="previewer__line">
                  <dt class="line__title">签发机关</dt>
                  <dd class="line__content">深圳公安局</dd>
                </dl>
                <dl class="previewer__line">
                  <dt class="line__title">有效期</dt>
                  <dd class="line__content">2015.10.08-2025.10.08</dd>
                </dl>
              </div>
            </div>
          </div>

          <div class="licence__item licence__item--bottom">
            <div class="licence__uploader uploaded holdingcard">
              <h4 class="licence__name">
                法人手持身份证照片
                <a href="#exemplar"
                  data-toggle="modal"
                  class="licence__examplar"
                  data-source="<%= require('images/example-id.png') %>"
                >
                  示例图
                </a>
              </h4>
              <div class="uploader__inner">
                <div class="uploader__dimmer">
                  <label class="btn">上传<input type="file"></label>
                </div>
              </div>
            </div>
            <div class="licence__opt">
              <a href="/build/pages/registration/individuals.html" class="btn btn-primary">下一步</a>
            </div>
          </div>

        </div>
      </div>
    </div>

  </div>

  <div class="modal fade modal-exemplar J_exemplar" id="exemplar" tabindex="-1" role="dialog" aria-labelledby="">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">示例图</h4>
        </div>
        <div class="modal-body">
          <div class="exemplar__image">
            <img src="" class="J_example">
          </div>
        </div>
      </div>
    </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>

</body>
</html>